<script type="text/javascript">
function horizontal() {

   var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li");

   for (var i=0; i< navItems.length; i++) {
      if(navItems[i].className == "submenu")
      {
         if(navItems[i].getElementsByTagName('ul')[0] != null)
         {
            navItems[i].onmouseover=function() {this.getElementsByTagName('ul')[0].style.display="block";this.style.backgroundColor = "#f9f9f9";}
            navItems[i].onmouseout=function() {this.getElementsByTagName('ul')[0].style.display="none";this.style.backgroundColor = "#FFFFFF";}
         }
      }
   }

}

</script>

<body onload="horizontal();">

	<div id="menu" >
		<ul id="navigation">
			<li style="width: 20px;"></li>
			<li style="background: url(images/b1.gif) no-repeat; background-position: 0px 12px;"><a class="m1" href="index.php?action=home" title="Página Inicial"><br />HOME</a></li>
			<li style="background: url(images/b2_m.gif) no-repeat; background-position: 0px 12px; width: 170px;"><a class="m2" href="index.php?action=cad_usuario" title="Cadastrar novo usuário"><br />CADASTRAR USUÁRIOS</a></li>
		</ul>

		<ul id="menu_dropdown" class="menubar">
   
			<li class="submenu"><a class="teste" >RELATÓRIO DE EVENTOS</a>
				
				
				<ul id="menu_problem" class="menuSub">
					
					<li><a href="index.php?action=eventos_hora">Eventos por Hora</a></li>
					<li><a href="index.php?action=eventos_data">Eventos por Data</a></li>
					<li><a href="index.php?action=eventos_periodo">Eventos por Periodo</a></li>
					<li><a href="index.php?action=eventos_tipo">Eventos por Tipo de Evento</a></li>
					<li><a href="index.php?action=eventos_usuario">Eventos por Usuário</a></li>
					
				</ul>
				
			</li>  
		</ul>
		
		
		<ul id="navigation">
			<li style="width: 1px;"></li>
			<li style="background: url(images/b4_m2.gif) no-repeat; background-position: 0px 12px; width: 170px;"><a class="m4" href="index.php?action=cad_evento" title="Cadastrar novo evento"><br />CADASTRAR EVENTOS</a></li>
			<li style="background: url(images/b5_m.gif) no-repeat; background-position: 0px 12px; width: 170px;"><a class="m5" href="index.php?action=sobre" title="Informações gerais do projeto"><br />SOBRE O PROJETO</a></li>
		</ul>
			

    </div>
	
</body>	